<!DOCTYPE html>
<#assign basePath="">
<#import "page.ftl" as cast/>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title>新闻动态</title>
    <#include "links.ftl">
    <link rel="stylesheet" href="${basePath}/css/news.css">
    <style>
        .page_list {
            margin: 5% auto;
            display: inline-block;
        }

        .page_list a {
            text-decoration: none;
            font-size: 75%;
            color: #666;
            display: block;
            float: left;
            width: 35px;
            height: 35px;
            line-height: 35px;
            margin-right: 10px;
            text-align: center;
            background-color: #fff;
            border: 1px solid #dedede;
        }

        .page_list a.top_page, .page_list a.end_page {
            width: 62px;
        }

        .page_list a.page_prev, .page_list a.page_next {
            width: 76px;
        }

        .page_list span.page_ellipsis {
            display: block;
            float: left;
            width: 46px;
            height: 46px;
            margin-right: 10px;
            background-position: 5px -88px;
            border: none;
        }

        .page_list a:hover, .page_list a.current {
            background-color: #dedede;
            color: #333;
        }
    </style>
</head>
<body>

<div>
    <!--导航-->
    <#include "header.ftl">
    <div class="news">
        <#include "advertising.ftl">
        <div class="carousel">
              <#if (news.data.list?size) gt 0>
                  <#list news.data.list as new>
                    <div class="item">
                        <div class="news-item">
                            <div class="news-img">
                                <img src="${new.coverImage}">
                            </div>
                            <div class="news-content">
                                <div class="title"><h3>${new.title}</h3></div>
                                <div class="news-info">
                                    <p>${new.summary}</p>
                                </div>
                                <div class="news-date">
                                    <p>${new.createTime?date}</p>
                                </div>
                            </div>
                            <button class="open"><a href="/content/user/news/query?id=${new.id}">点我阅读</a></button>
                        </div>
                    </div>
                  </#list>
              </#if>
        <#--假数据-->
        <#--<div class="item">-->
        <#--<div class="news-item">-->
        <#--<div class="news-img">-->
        <#--<img src="${basePath}/img/new-item.png">-->
        <#--</div>-->
        <#--<div class="news-content">-->
        <#--<div class="title"><h3>星际音乐盒发布会潍坊站</h3></div>-->
        <#--<div class="news-info">-->
        <#--<p>-->
        <#--深层过滤膜的孔径比微孔滤膜大，通常用作预过滤。深层过滤膜的纤维层层挤压，具有网目的结构，经由网目的缝隙能够将粒子加以捕捉。由于缝隙大小不一，会发生大粒子渗漏但小粒子遭到去除的情形。当滤膜上发生压力变化或流量变化时，可能会造成被捕捉粒子再度漏出，这是其主要缺点。但深层过滤膜较厚，内外均可捕捉粒子，且较不容易堵塞，具有较大量的去除能力。因此，在纯水系统中一般用于去除进水中的铁锈等污染物质。优点：滤膜较厚，对污染物的捕捉容量大注意：压力或流量的变化可能会导致被捕捉粒子再度漏出。主要用在水处理中。-->
        <#--</p>-->
        <#--</div>-->
        <#--<div class="news-date">-->
        <#--<p>2018-02-13</p>-->
        <#--</div>-->
        <#--</div>-->
        <#--<button class="open">展开</button>-->
        <#--</div>-->
        <#--</div>-->
        </div>
        <div align="center">
             <#if (news.data.list?size) gt 0>
                 <form action="/content/user/news/list" method="POST" id="form"></form>
                <@cast.page pageNo=news.data.total totalPage=news.data.pageIndex showPages=5 callFunName="clickPage"/>
             </#if>
        </div>
    </div>
    <!--底部-->
    <#include "footer.ftl">
</div>
<#if news?? && news.data?? && news.data.list??>
    <script>
        function clickPage(e) {
            var form = $('#form');
            var pageIndex = ${news.data.pageIndex};
            var total = ${news.data.total};
            if (total <= 10) {
                return
            }
            var params = {
                data: {
                    pageIndex: pageIndex,
                    pageSize: 10,
                }
            };
            form.append("<input type='hidden' value='" + JSON.stringify(params) + "' name='request'>");
            form.submit();
        }
    </script>
</#if>
</body>
</html>